<template>
	<div>
		<h2>Hello Nuxt3</h2>
	</div>
</template>

<script setup>
	// 1. 判断diam执行的环境
	/* if (process.server) {
		console.log('运行在 server')
	}

	if (process.client) {
		console.log('运行在 client')
	} */

	// 1. 获取运行时配置
	const runtimeConfig = useRuntimeConfig()
	if (process.server) {
		console.log(runtimeConfig.appKey)
		console.log(runtimeConfig.public.baseURL)
	}

	// 客户端判断
	if (process.client) {
		console.log(runtimeConfig.appKey) // public 外server可以访问, 但是client不能访问
		console.log(runtimeConfig.public.baseURL) // public 中server和client都可以访问
	}

	// 客户端第二种判断
	if (typeof window === 'object') {
		console.log(runtimeConfig.appKey) // public 外server可以访问, 但是client不能访问
		console.log(runtimeConfig.public.baseURL) // public 中server和client都可以访问
	}
</script>
